<template>
    <div class="main-content">
        <div style="display: flex;">
            <div style="flex: 1;">
                <div class="card" style="padding: 30px; margin-right: 10px;">
                    <div style="font-weight: bold; font-size: 24px; margin-bottom: 20px">{{ BlogTitle }}</div>
                    <div style="color: #666; margin-bottom: 20px;">
                        <span style="margin-right: 20px;"><i class="el-icon-user">懒神</i></span>
                        <span style="margin-right: 20px;"><i class="el-icon-date">2024-5-30</i></span>
                        <span style="margin-right: 20px;"><i class="el-icon-view">5</i></span>
                        <span>
                            <el-tag type="primary" style="margin-right: 5px;">前端</el-tag>
                        </span>
                    </div>
                    <div class="w-e-text">
                        <div v-html="BlogContent"></div>
                    </div>
                </div>
            </div>
            <div style="width: 260px;">
                <div class="card">
                    <div style="display: flex;">
                        <img src="../../assets/images/luoqixi.jpg" style="width: 50px; height: 50px; border-radius: 50%;">
                        <div style="flex: 1;">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'BlogDetail',
    data() {
        return {
            BlogTitle: '适合小公司的自动化部署脚本',
            BlogContent: `<p>独行侠总冠军!</p>
            <p>首轮独行侠4:2快船,把握住对方核心主力伦纳德缺阵这一情况,东欧与各角色球员众志成城,攻克了快船队这一难关,系列赛第一战哈登爆砍28分,欧文孤掌难鸣,丢掉了G1,
                好在G2,G3独行侠快速调整顺利拿下,但在G4又迎来了哈登和乔治的爆发,独行侠遗憾输掉G4,天王山之战,快船队全队状态低迷狂输独行侠30分,之后独行侠势如破竹,毫不拖沓
                拿下了首轮比赛的胜利,顺利挺进次轮。
                </p>
            <p>次轮独行侠面对西部第一雷霆,外界一致不看好独行侠认为要被4:1绅士横扫,但是随着比赛的进行雷霆的内线问题不断地显露出来。
                对方当家球星亚历山大虽然能给独行侠带来很大的冲击力但是内线只有霍姆格伦,以及季后赛伪射手过多的问题还是阻止不了雷霆一步步走向失败。
                无论是多尔特,吉迪又或是杰伦威廉姆斯,这些球员都无法对东欧做到一个很好的限制,但同时小琼斯和PJ华盛顿的防守却能很好的阻止亚历山大轻松的得分.
                </p>
            <p>欧文真的是末节之神！
                </p>
            <p>东77不断用自己的能力惩罚对手
                </p>
            <p>一年级新秀莱弗利在护框和联动东欧空切吃饼方面也完全发挥出了自己应有的水平。
                </p>
            <p>写不动了T.T
                </p>
            <p>That's All 
                </p>`
        };
    },
    methods: {
    }
}
</script>

<style scoped>
.w-e-text {
    font-size: 15px;
    color: #333;
    line-height: 2.5;
}
</style>